<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="css/flat-ui.css" rel="stylesheet" media="screen">
    <link href="css/master.css" rel="stylesheet" media="screen">
  </head>
  <body>
  	<!-- Button to trigger modal -->
    <!--<a href="#myModal" role="button" class="btn" data-toggle="modal">查看演示案例</a>-->
     
    <!-- Modal -->
    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">编辑产品</h3>
      </div>
      <div class="modal-body">
        <div class="popupBox clearfix">
    	<div class="listBox">
            <ul>
            	<li class="cur"><i></i>产品资料</li>
                <li><i></i>产品报价</li>
                <li><i></i>入库单</li>
            </ul>
        </div>
        <div class="madeBox">
        <ul class="listContent">
        	<li><span class="span1">采购数量：</span><span><input type="text" value="" placeholder="Inactive" class="span3"></span></li>
            <li><span class="span1">采购单价：</span><span><input type="text" value="" placeholder="Inactive" class="span3"></span></li>
            <li><span class="span1">&nbsp;</span><span class="priceBox">采购总价：<b class="colorBlue">85000.00</b><span class="colorGray">元</span></span></li>
            <li><span class="span1">&nbsp;</span><span class="spanBtn clearfix"><a href="#fakelink" class="btn btn-large btn-block btn-success">确 定</a></span></li>
        </ul>
        </div>
    </div>
      </div>
    </div>
  	<div class="navbar">
      
    </div>
    <div class="Nav">
        <div class="headImg">
            <img src="img/Adimg/h1.jpg"/>
        </div>
        <ul class="navList">
            <li class="cur">
                <a href="#" class="homeIcon"></a>
                <p><a href="#">主页</a></p>
            </li>
            <li>
                <a href="#" class="peopleIcon"></a>
                <p><a href="#">产品管理</a></p>
            </li>
            <li>
                <a href="#" class="peopleIcon"></a>
                <p><a href="#">销售管理</a></p>
            </li>
            <li>
                <a href="#" class="peopleIcon"></a>
                <p><a href="#">财务管理</a></p>
            </li>
        </ul>
    </div>
    <div class="conBox">
        <h1 class="titSec">产品项目</h1>
        <ul class="clearfix goodsList">
            <li>
                <em><i class="pcIcon"></i></em>
                <p>惠普T系列</p>
                <span class="arrowD"></span>
            </li>
            <li class="cur">
                <em><i class="phoneIcon"></i></em>
                <p>手机系列</p>
                <span class="arrowD"></span>
            </li>
            <li>
                <div class="addG">添加</div>
            </li>
        </ul>
        <div class="searchBox">
            <input type="button" class="addBtn"/>
            <input type="button" class="delBtn"/>
            <span class="seCon"><input type="text" class="setext" placeholder="Type something…"><input type="button" class="seBtn"/></span>
        </div>
        <div class="tablePad">
            <table class="table table-bordered table-striped">
              <thead>
                <tr>
                  <th>#</th>
                  <th width="30%">产品名称</th>
                  <th width="10%">成本价格</th>
                  <th width="10%">售价</th>
                  <th width="10%">最低售价</th>
                  <th width="10%">库存</th>
                  <th width="30%">&nbsp;</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>1</td>
                  <td>Mark</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td>76</td>
                  <td><a href="#myModal" role="button" data-toggle="modal">查看</a>|<a href="#myModal" role="button" data-toggle="modal">编辑</a>|<a href="#myModal" role="button" data-toggle="modal">添加入库</a>|<a href="#myModal" role="button" data-toggle="modal">查看入库清单</a></td>
                </tr>
                <tr>
                  <td>2</td>
                  <td>Mark</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td>76</td>
                  <td><a href="#">查看</a>|<a href="#">编辑</a>|<a href="#">添加入库</a>|<a href="#">查看入库清单</a></td>
                </tr>
                <tr>
                  <td>3</td>
                  <td>Mark</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td>76</td>
                  <td><a href="#">查看</a>|<a href="#">编辑</a>|<a href="#">添加入库</a>|<a href="#">查看入库清单</a></td>
                </tr>
                <tr>
                  <td>4</td>
                  <td>Mark</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td>76</td>
                  <td><a href="#">查看</a>|<a href="#">编辑</a>|<a href="#">添加入库</a>|<a href="#">查看入库清单</a></td>
                </tr>
                <tr>
                  <td>5</td>
                  <td>Mark</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td>76</td>
                  <td><a href="#">查看</a>|<a href="#">编辑</a>|<a href="#">添加入库</a>|<a href="#">查看入库清单</a></td>
                </tr>
                <tr>
                  <td>6</td>
                  <td>Mark</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td>76</td>
                  <td><a href="#">查看</a>|<a href="#">编辑</a>|<a href="#">添加入库</a>|<a href="#">查看入库清单</a></td>
                </tr>
                <tr>
                  <td>7</td>
                  <td>Mark</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td>76</td>
                  <td><a href="#">查看</a>|<a href="#">编辑</a>|<a href="#">添加入库</a>|<a href="#">查看入库清单</a></td>
                </tr>
                <tr>
                  <td>8</td>
                  <td>Mark</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td class="colorBlue">8300.00</td>
                  <td>76</td>
                  <td><a href="#">查看</a>|<a href="#">编辑</a>|<a href="#">添加入库</a>|<a href="#">查看入库清单</a></td>
                </tr>
              </tbody>
            </table>
        </div>
    </div>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>